<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="Author" contect="http://www.webqin.net">
    <title>中医</title>
    <link type="text/css" href="css/css.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="./styles.css">
    <link rel="stylesheet" href="css/plugins/sweetalert/sweetalert.css"/>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--<script type="text/javascript" src="js/jquery.min.js"></script>-->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <style>
        html {
            height: 100%;
            background-color: #F3F3F5;
        }
        body {
            height: 100%;
            background-color: #F3F3F5;
        }
    </style>
</head>

<body>
<div  class="container-fluid" style="height: 100%">
    <div class="row">
        <div class="row">
            <h1 class="text-center">中医古籍文献知识库</h1>
        </div>
        <div class="row" style="border-top:1px solid #000;border-bottom:1px solid #000;margin: 2rem">
            <div class="row " style="padding-top: 16rem;padding-bottom:13rem">
                <div class="col-sm-offset-2 col-sm-2" onclick="chooseSpecial(1)">
                    <div class="row ">
                        <div class="row" style=""><img src="cinqueterre.jpg" class="img-responsive" style="width:100%;height: 30rem" alt="Cinque Terre"></div>
                        <div class="row pt-3">
                            <button class="btn btn-outline btn-lG" style="width:80%;margin-left: 10%;background-color: #aba6a6;">本草专题</button>
                        </div>

                    </div>
                </div>
                <div class="col-sm-offset-1 col-sm-2" onclick="chooseSpecial(2)">
                    <div class="row ">
                        <div class="row" style=""><img src="cinqueterre.jpg" class="img-responsive" style="width:100%;height: 30rem" alt="Cinque Terre"></div>
                        <div class="row pt-3">
                            <button class="btn btn-outline btn-lG" style="width:80%;margin-left: 10%;background-color: #aba6a6;">温病专题</button>
                        </div>

                    </div>
                </div>
                <div class="col-sm-offset-1 col-sm-2" onclick="chooseSpecial(3)">
                    <div class="row ">
                        <div class="row" style=""><img src="cinqueterre.jpg" class="img-responsive" style="width:100%;height: 30rem" alt="Cinque Terre"></div>
                        <div class="row pt-3">
                            <button class="btn btn-outline btn-lG" style="width:80%;margin-left: 10%;background-color: #aba6a6;">养生专题</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="main-inner-footer">
        <div class="container">
            <h5 class="text-center">中国中医科学院中医药信息研究所</h5>
        </div>
    </footer>

</div>
</body>
<script src="special.js"></script>
</html>
